<template>
  <div  >

    <gauge-ring
      :height="'400px'"
      :positiveNum="positiveNum"
      :negativeNum="negativeNum"
      :sum="sum"
    ></gauge-ring>

    <div v-for="item in viewpoints" style="background-color: white;padding: 20px">

      <el-row :gutter="20" v-if="item.ispositive===1" >

        <el-col :span="12"  style="display: flex">

          <el-alert
            :title="item.title"
            type="success"
            show-icon
            :description="item.siteName+' '+item.publishTime"
            :closable="false"
            >
          </el-alert>

        </el-col>
      </el-row>

      <el-row :gutter="20" v-if="item.isnegative === 1" justify="end" type="flex">

      <el-col :span="12" style="display: flex;" >
        <el-alert
          :title="item.title"
          type="warning"
          show-icon
          :description="item.siteName+' '+item.publishTime"
          :closable="false"
        >
        </el-alert>
      </el-col>
      </el-row>

    </div>


  </div>
</template>

<script>
import GaugeRing from '@/components/Echarts/GaugeRing'

export default {
  name: "ViewpointAnalysis",
  props: {
    viewpoints: {
      type: Array,
      default: []
    },
    positiveNum: {
      type: Number,
      default: 0
    },
    negativeNum: {
      type: Number,
      default: 0
    },
    sum: {
      type: Number,
      default: 0
    },
  },
  components: {
    GaugeRing
  },
  data() {
    return {


    };
  },
  created() {

  },
  methods: {

  }
};
</script>
